// 类组件必须是大写开头的组件名
// 类组件应该继承React.Component父类，从而可以使用父类中提供的方法或属性
// 类组件必须提供render方法，并返回组件的结构
// class 组件名 extends React.Component{}

import React from 'react';
//通过解构的方式解构出来createRoot
import { createRoot } from 'react-dom/client';

class HandleHello extends React.Component {
  // e,event事件对象
  handleClick(e) {
    console.log('e----->', e);
    // 阻止默认行为
    e.preventDefault();
  }
  render() {
    // 获取state状态数据
    return (
      <div>
        {/* 通过回调函数方式传递参数 */}
        <button onClick={this.handleClick}>点我</button>
        {/* <a onClick={this.handleClick} href="http://www.baidu.com">
          跳转百度
        </a> */}
      </div>
    );
  }
}

// 这是React18版本新出的挂载节点的方法
const root = createRoot(document.getElementById('root'));
root.render(<HandleHello></HandleHello>);
